<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>signup</title>
<style>
	*{
		margin: 0;
		padding: 0;
	}
	.logo{
		padding: 20px;
		width:980px;
		margin: 10px auto;
	}
	#container{
		width:980px;
		height: 370px;
		position: relative;
		margin: 0 auto;
		border: 1px solid #1678be;
		border-radius: 5px;
	}
	.signup-hd{
		height: 32px;
		line-height: 30px;
		color: #e5f8ff;
		padding-left: 20px;
		font-size: 14px;
		position: relative;
		background-color: #2285C7;
	}
	li{
		list-style: none;
	}
	.signup-list{
		padding-top: 40px;
	}
	.signup-list li{
		height: 30px;
		line-height: 30px;
		margin-bottom: 5px;
	}
	.signup-list .label{
		display: block;
		height: 30px;
		float: left;
		text-align: right;
		width: 375px;
		padding-right: 5px;
	}
	.required{
		font-size: 16px;
		color: #ff0000;
		vertical-align: middle;
		margin-right: 2px;
		font-width: 400;
	}
	.signup-list .input{
		float: left;
	}
	.signup-list .input input{
		height: 18px;
		width: 200px;
		line-height: 18px;
		border: 1px solid #cfcdc7;
		background-color: #fff;
		padding:5px 0 5px 5px;
	}
	.signup-list .tips{
		float: left;
		display: inline;
		margin-left: 8px;
		color: #ff7f00;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.signup-btn{
		margin: 50px;
	}
	.signup-btn input{
		width: 122px;
		height: 30px;
		line-height: 30px;
		display: block;
		margin: 0 auto;
		background-color: #ff7f00;
		border-radius: 5px;
		color: white;
		border: none;
		outline: none;
		cursor: pointer;
	}
</style>
</head>

<body>
	<p class="logo">你现在的位置：注册界面</p>
	<div id="container">
		<div class="signup-hd">账户信息</div>
		<form method="post" action="SignupServlet" id="bb" >
			<ul class="signup-list">
				<li>
					<div class="label">
						<span class="required">*</span>
						姓 名：
					</div>
					<div class="input">
						<input type="text" name="username" placeholder="请输入姓名">
					</div>
					<div class="tips">
						请正确填写以便身份核验
					</div>
				</li>
				<li>
					<div class="label">
						<span class="required">*</span>
						身份证号：
					</div>
					<div class="input">
						<input type="text" name="id" placeholder="请输入身份证号码">
					</div>
					<div class="tips">
						请正确填写以便身份核验
					</div>
				</li>
				<li>
					<div class="label">
						<span class="required">*</span>
						手机号：
					</div>
					<div class="input">
						<input type="text" name="telephone" placeholder="请输入手机号码">
					</div>
					<div class="tips">
						请填写手机号码用于接收短信验证码
					</div>
				</li>
				<li>
					<div class="label">
						<span class="required">*</span>
						密 码：
					</div>
					<div class="input">
						<input type="text" name="pwd" placeholder="请输入密码">
					</div>
					<div class="tips">
						6-20位字母、数字或符号
					</div>
				</li>
				<li>
					<div class="label">
						<span class="required">*</span>
						确认密码：
					</div>
					<div class="input">
						<input type="text" name="confirm_pwd" placeholder="请再次输入密码">
					</div>
					<div class="tips">

					</div>
				</li>
			</ul>

			<div class="signup-btn"><input type="submit" value="提交"></div>
		</form>
	</div>
</body>
</html>
